<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Copyright (c) 2006. Adobe Systems Incorporated.

All rights reserved.

The trademarks, logos, and service marks ("Marks") displayed in this sample
application are the property of Adobe or other third parties. You are not
permitted to use the Marks without the prior written consent of Adobe or such
third party that may own the Marks. Adobe and the Adobe logo are trademarks of
Adobe Systems Incorporated.

For a current list of Adobe's Marks, as well as certain third-party Marks,
please refer to trademark information. (http://www.adobe.com/misc/trademarks.html)
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Spry Demo Gallery</title>
<link href="../css/screen.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#wrap div {
	float:left;
	width:330px;
}
.demoTitle {
	color:#000000;
}
a {
	color:#000000;
}
.demoTitle {
	font-weight: bold;
}
a.links {
	color:#FFFFFF;
}
h3 {
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:1.2em;
}
</style>
</head>
<body>
<div id="wrap">
  <h1>Spry Demos</h1>
  <div>
    <a href="pe_gallery.html" class="screen"> <img src="images/gallery.gif" alt="Gallery Demo" width="300" height="200" /><br />
    <h3>Photo Gallery</h3></a>
  </div>
  <div>
    <a href="pe_products.html" class="screen"> <img src="images/products.gif" alt="Products Demo" width="300" height="200" /><br />
    <h3>Product Table</h3></a>
  </div>
  <div>
    <a href="rssreader/index.html" class="screen"> <img src="images/rssreader.gif" alt="RSS Reader Demo" width="300" height="201" /><br />
    <h3>RSS Reader</h3></a>
  </div>
  <br style="clear:both;" />
  <div>
    <a href="effects/index.html" class="screen"> <img src="images/effects.gif" alt="Effects Demo" width="300" height="200" /><br />
    <h3>Effects Demo</h3></a>
  </div>
  <div>
    <a href="formsvalidation/index.html" class="screen"> <img src="images/validation.gif" alt="Validation Widgets Demo" width="300" height="200" /><br />
    <h3>Validation Widgets</h3></a>
  </div>
  <div>
    <a href="periodic_table/periodic_table.htm" class="screen"> <img src="images/atoms.gif" alt="Validation Widgets Demo" width="300" height="200" /><br />
    <h3>Periodic Table</h3></a>
  </div>
  <br style="clear:both;" />
  <p class="note">These demos are a proof of concept for the data capabilities of the Spry framework. They may not be keyboard or screen reader accessible. Please review the <a href="http://www.adobe.com/go/labs_spry_pr1_faq" class="links">FAQ</a> for more information.</p>
</div>
</body>
</html>
